<!DOCTYPE HTML>

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<meta name="author" content="myname" />
		
		<script type="text/javascript" src="jquery.js"></script>
		
		<title>TyPoker</title>
		
		<link rel="stylesheet" type="text/css" href="mystyle.css" />
		<link rel="stylesheet" type="text/css" href="mybuttons.css" />
		<script type="text/javascript" src="myscript.js"></script>
	</head>
	
	<body>
		<div id="contentHolder">
			<div id="gameTableHolder">
				<div id="gameTableTd"> 
					<div id="gameTable">
						<div class="player" style="top: 0px; left: 225px">
							<div  class="playerBg"></div>
							<div  class="playerImage">
							</div>
							<div  class="playerName">
								<span class="playerInfo">#name</span>
							</div>
							<div  class="playerMoney">
								<div class="playerMoneyIcon"></div>
								<div class="playerMoneyText">99999</div>
							</div>
						</div>
						
						<div class="player" style="top: 0px; left: 375px">
							<div  class="playerBg"></div>
							<div  class="playerImage">
							</div>
							<div  class="playerName">
								<span class="playerInfo">#name</span>
							</div>
							<div  class="playerMoney">
								<div class="playerMoneyIcon"></div>
								<div class="playerMoneyText">99999</div>
							</div>
						</div>
						
						<div class="player" style="top: 0px; right: 375px">
							<div  class="playerBg"></div>
							<div  class="playerImage">
							</div>
							<div  class="playerName">
								<span class="playerInfo">#name</span>
							</div>
							<div  class="playerMoney">
								<div class="playerMoneyIcon"></div>
								<div class="playerMoneyText">99999</div>
							</div>
						</div>
						
						<div class="player" style="top: 0px; right: 225px">
							<div  class="playerBg"></div>
							<div  class="playerImage"></div>
							<div  class="playerName">
								<span class="playerInfo">#name</span>
							</div>
							<div  class="playerMoney">
								<div class="playerMoneyIcon"></div>
								<div class="playerMoneyText">99999</div>
							</div>
						</div>
						
						<div class="player" style="bottom: 25px; left: 275px">
							<div  class="playerBg"></div>
							<div  class="playerImage">
							</div>
							<div  class="playerName">
								<span class="playerInfo">#name</span>
							</div>
							<div  class="playerMoney">
								<div class="playerMoneyIcon"></div>
								<div class="playerMoneyText">99999</div>
							</div>
						</div>
						
						<div class="player" style="bottom: 25px; left: 450px">
							<div  class="playerBg"></div>
        					<div  class="playerImage">
							</div>
							<div  class="playerName">
								<span class="playerInfo">#name</span>
							</div>
							<div  class="playerMoney">
								<div class="playerMoneyIcon"></div>
								<div class="playerMoneyText">99999</div>
							</div>
						</div>
						
						<div class="player" style="bottom: 25px; right: 275px">
							<div  class="playerBg"></div>
							<div  class="playerImage">
							</div>
							<div  class="playerName">
								<span class="playerInfo">#name</span>
							</div>
							<div  class="playerMoney">
								<div class="playerMoneyIcon"></div>
								<div class="playerMoneyText">99999</div>
							</div>
						</div>
                  
                  <div class="player" style="top: 200px; left: 75px">
							<div  class="playerBg"></div>
							<div  class="playerImage">
							</div>
							<div  class="playerName">
								<span class="playerInfo">#name</span>
							</div>
							<div  class="playerMoney">
								<div class="playerMoneyIcon"></div>
								<div class="playerMoneyText">99999</div>
							</div>
						</div>
                  
                  <div class="player" style="top: 200px; right: 75px">
                     <div  class="playerBg"></div>
							<div  class="playerImage">
							</div>
							<div  class="playerName">
								<span class="playerInfo">#name</span>
							</div>
							<div  class="playerMoney">
								<div class="playerMoneyIcon"></div>
								<div class="playerMoneyText">99999</div>
							</div>
						</div>
						
						<div class="playerCards" style="top: 140px; right: 225px ;">
							<img class="resizePlayerCards" src="resources/cards/2c.gif"/>
							<img class="resizePlayerCards" src="resources/cards/2s.gif"/>
						</div>
						
						<div class="playerCards" style="top: 140px; right: 375px">
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
						</div>
						
						<div class="playerCards" style="top: 140px; left: 375px ;">
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
						</div>
						
						<div class="playerCards" style="top: 140px; left: 225px">
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
						</div>
						
						<div class="playerCards" style="bottom: 150px; left: 275px">
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
						</div>
						
						<div class="playerCards" style="bottom: 150px; left: 450px">
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
						</div>
						
						<div class="playerCards" style="bottom: 150px; right: 275px">
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
						</div>
						
						<div class="playerCards" style="top: 225px; left: 170px;">
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
						</div>
						
						<div class="playerCards" style="top: 225px; right: 170px;">
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
							<img class="resizePlayerCards" src="resources/cards/b.gif"/>
						</div>
						
						<div id="card" style="top:250px; left:350px">
							<div id="flop">
								<img class="resizeCards" src="resources/cards/as.gif"/>
								<img class="resizeCards" src="resources/cards/as.gif"/> 
								<img class="resizeCards" src="resources/cards/as.gif"/> 
							</div>
							
							<div id="turn">
								<img class="resizeCards" src="resources/cards/as.gif"/>
							</div>
							
							<div id="river">
								<img class="resizeCards" src="resources/cards/as.gif"/>
							</div>
						</div>
						
						<div class="dealer" style="top: 150px ;left:190px">
							<img src="resources/dealer_button.png"/>
						</div>
						
						<div class="dealer" style="top: 120px;left:335px"></div>
						<div class="dealer" style="top: 120px;left:485px"></div>
						<div class="dealer" style="top: 120px;left:635px"></div>
						<div class="dealer" style="top: 165px;left:785px"></div>
						<div class="dealer" style="top: 400px;left:730px"></div>
						<div class="dealer" style="top: 400px;left:555px"></div>
						<div class="dealer" style="top: 400px;left:380px"></div>
						<div class="dealer" style="top: 305px;left:175px"></div>
					</div>
				</div>
			</div>
			
			<div id="bottomBar">
				<div id="chat">
					<textarea id="chatArea" readonly="readonly"></textarea>
						<form id="chatInsert" method="POST">
							<input id="chatInput" type="text" maxlength="160"/>
							<input id="chatSubmit" class="button small green" type="button" value="Send"/>
						</form>
				</div>
				
				<div id="buttons">
					<div class="section">
						<form method="POST">
							<input class="button red" type="button" value="Fold"/>
							<input class="button orange" type="button" value="Check"/>
							<input class="button blue" type="button" value="Call"/>
							<input class="button green" type="button" value="Raise"/>
						</form>
					</div>
					
					<div class="section">
						<div id="betting">
							<form method="POST">
								<input class="button black" type="button" value="1/2 Pot"/>
								<input class="button black" type="button" value="Pot"/>
								<input class="button black" type="button" value="All In"/>
								<input id="insert" type="text" value="0" style="width: 50px"/>
							</form>
						</div>
					</div>
					
					<div class="section">
						<form method="POST">
							<input id="slider" type="range" value="0" min="0" max="100" step="1" onchange="showValue(this.value)"/>
						</form>
					</div>
				</div>
				
				<div id="extraButtons">
					<div id="extraButtonsTd">
						<form method="POST">
							<input class="button large red" type="button" value="Leave"/>
						</form>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>